<template>
  <div class="building">
    <div class="icon-building"></div>
    <div class="text">正在建设中……</div>
  </div>
</template>

<script lang="ts" setup>
// 正在建设中的页面展示内容
</script>

<style scoped lang="scss">
.building {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;

  .icon-building {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url('~@/assets/images/building.png');
    width: 287px;
    height: 212px;
  }

  .text {
    margin-top: 25px;
    font-size: 24px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #28b1e4;
  }
}
</style>
